import React, { Component } from 'react'
import './index.less'
export default class index extends Component {
  render() {
    const list1=[
      {id:1,name:"学号/工号",value:"16692910870"},
      {id:2,name:"姓名",value:"云逸"},
      {id:3,name:"性别",value:"男"},
      {id:4,name:"生日",value:"1990-10-10"},
      {id:5,name:"联系电话",value:"16692910870"},
    ]
    const list2=[
      {id:1,name:"学历",value:"大专"},
      {id:2,name:"职称",value:"工程师"},
      {id:3,name:"职位",value:"主任"},
      {id:4,name:"部门",value:"科研"},
      {id:5,name:"专业",value:"计算机"},
    ]
    return (
      <div className="JBindex">
        <div className="block_18"></div>
        <div className="aouter">
          <div className="item">头&nbsp;&nbsp;&nbsp;像</div>
          <div><img className="item-img" src={require('../../../img/签到-头像.png')} alt=""/></div>
        </div>
        <div className="block_10"></div>
        {
          list1.map(x=><div className="one" key={x.id}>
            <div className="item">{x.name}</div>
            <div>{x.value}</div>
          </div>)
        }
        <div className="block_10"></div>
        {
           list2.map(x=><div className="one" key={x.id}>
           <div className="item">{x.name}</div>
           <div>{x.value}</div>
         </div>)
        }
      </div>
    )
  }
}
